@import "../../style/global.scss";

$rootName: x-pull-to-refresh;

.#{$rootName} {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;

    .#{$rootName}-back {
        transition: transform 0.5s;
    }

    .#{$rootName}-main {
        .#{$rootName}-text {
            text-align: center;
            font-size: 24px;
            color: #999;
            height: 50px;
            line-height: 50px;
        }

        .#{$rootName}-loading {
            display: inline-block;
            width: 36px;
            height: 36px;
            background: url('../loading.png') no-repeat;
            animation: load 1s linear infinite;
            margin-top: 7px;
        }
    }
}

@keyframes load {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}